﻿*{margin-left:auto;margin-right:auto;font-family:Arial, Helvetica, sans-serif;}
code{background:#F9F9F9;border:1px dashed #EDEDED; white-space:pre-wrap; font-weight:normal;color:black;display:block; margin:5px;padding:5px;}
#wrapper{background-color:#fff;width:800px;}
#masthead{background:#FFF url('images/header.png') no-repeat scroll center top;height:115px;}
#top_nav{background-image:url('images/top_menu.png');background-repeat:repeat-x;height:57px;padding-bottom:10px;}
#top_nav ul{list-style-position:outside;list-style-image:none;list-style-type:none;margin:0;padding:0;}
#left{background-color:#e8e8e8;width:23%;float:left;height:400px;padding:10px;}
#left ul{list-style-position:inside;list-style-image:url('images/kolecko_sede.png');list-style-type:none;margin:0;padding:0;}
#left ul li{font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:700;padding-left:10px;padding-bottom:10px;vertical-align:middle;}
#left ul .done{list-style-image:url('images/kolecko_zelene.png');}
#left ul .now{list-style-image:url('images/kolecko_oranzove.png');text-decoration:underline;}
#left a{color:#000;text-decoration:none;}
#right{border:thick #E8E8E8 solid;width:70%;float:right;height:auto;overflow:auto;padding:10px;}
#right img{width:auto;height:auto;}
#right h2{font-family:Arial, Helvetica, sans-serif;font-size:20px;font-weight:700;color:#1570b6;}
#right table{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;background:#fff;width:100%;border-collapse:collapse;text-align:left;}
#right table th{font-size:14px;font-weight:400;color:#039;border-bottom:2px solid #e8e8e8;padding:10px 8px;}
#right table tr{width:100%;}
#right table td{color:#669;padding:9px 8px 0;}
#right table td input{background-color:#FFF;border:1px solid #669;}
#right table tbody tr:hover td{color:#009;}
#clean{clear:both;height:12px;}
#footer{background-image:url('images/footer_panel.png');background-position:center bottom;background-repeat:no-repeat;height:95px;}
#footer #left_buttons{float:left;width:20%;padding:20px;}
#footer #right_buttons{float:right;width:70%;text-align:right;padding:20px;}
#footer #right_buttons .right{width:47px;height:46px;cursor:pointer;}
#footer #left_buttons #cancel,#agree,#disagree,#footer #right_buttons .button{height:44px;width:129px;cursor:pointer;}
.underline-item{padding-top:10px;}
.msg{padding:10px 10px 10px 35px;}
.msg.warning{background:url("images/ico-warning.gif") 10px 50% no-repeat;border:2px solid #F2DD8C;background-color:#FFF5CC;}
.msg.info{background:url("images/ico-info.gif") 10px 50% no-repeat;border:2px solid #B8E2FB;background-color:#E8F6FF;}
.msg.done{background:url("images/ico-done.gif") 10px 50% no-repeat;border:2px solid #BBDF8D;background-color:#EAF7D9;}
.msg.error{background:url("images/ico-delete.gif") 10px 50% no-repeat;border:2px solid #FFAEAE;background-color:#FEEBEB;}
.msg.warning a{color:#df0000;}
.msg.warning a:hover,.msg.warning a:active,.msg.warning a:focus{color:#303030;}
.green{color:green;}
.red{color:red;}
div.statusbar{width:316px;height:39px;background:url('images/percentage-bg.png') repeat-x;background-position:left center;position:relative;}
div.statusbar div#status{width:316px;height:39px;color:#000;font-weight:700;top:0;left:0;position:absolute;text-align:center;padding:6px;}
div.statusbar div#bar{width:0;height:100%;background:url('images/progress.png') repeat-x;text-align:center;float:left;}
#footer #right_buttons #right,#footer #right_buttons #left{border:none;padding:0;}